<!-- 
    标题组件  默认宽度是100% 如需处理可在外层div overflow:hidden;
    效果为
    https://app.caizhanbao.cn/1524906480%281%29.png
 -->

<template>
	<div class="gameScImgTitle">
		<img class="icon" v-bind:src="imgUrl" />
		<p>{{text}}</p>
	</div>
</template>
<style scoped lang="less">

@import "../common/base.less";

	.gameScImgTitle {
        .px2rem(width,
        200);
        .px2rem(height,
        34);
        .icon {
            display: block;
            .px2rem(width,
            34);
            .px2rem(height,
            34);
           float:left;
        }
        p {

            display:inline-block;
            float:left;
            .px2rem(height,34);
            .px2rem(line-height,34);
            .px2rem(font-size,
            24);
            .px2rem(margin-left,20);
            color: #fff;
            padding:0;
        }
    }
</style>

<script type="text/javascript">
	export default{
		data(){
				return{}
		},
        props:["imgUrl","text"],

		
	}
</script>